<template>
    <view class="content">
        <view>
            <u-cell-group>
                <u-cell icon="setting-fill" title="个人设置"></u-cell>
                <u-cell icon="integral-fill" title="会员等级" value="新版本"></u-cell>
            </u-cell-group>
        </view>
        <view style="padding: 20px;">
            <u-button type="primary" text="登录" @click="Login"></u-button>
            <u-button type="primary" :plain="true" text="首页" @click="goIndex"></u-button>
            <u-button type="primary" :plain="true" :hairline="true" text="细边"></u-button>
            <u-button type="primary" :disabled="disabled" text="禁用" @click="toggleDisabled"></u-button>
            <u-button type="primary" loading loadingText="加载中"></u-button>
            <u-button type="primary" icon="map" text="图标按钮"></u-button>
            <u-button type="primary" shape="circle" text="按钮形状"></u-button>
            <u-button type="primary" size="small" text="大小尺寸"></u-button>
        </view>
    </view>
</template>

<script>
export default {
    data() {
        return {
            title: 'Hello',
            disabled: false  // 添加 disabled 数据属性
        }
    }
    onLoad() {
        console.log('页面加载完成');
    },
    methods: {
        toggleDisabled() {
            this.disabled = !this.disabled;
        },
		
		async Login(){
			console.log("999999");
			let result = await this.$u.api.business.userinfo({
				            // 请求的数据
				            mobile: '15959955999',
			});
		},
        goIndex(){
            console.log('跳转到首页');
            // 跳转到首页
            uni.navigateTo({
                url: '/pages/home/home'
            });

        }

    }
}


</script>

<style>
.content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.logo {
    height: 200rpx;
    width: 200rpx;
    margin: 200rpx auto 50rpx auto;
}
.text-area {
    display: flex;
    justify-content: center;
}
.title {
    font-size: 36rpx;
    color: #8f8f94;
}
</style>
